<template>
  <div>
    <Row>
      <Col span="24">
        <span class="expand-key">角色用户：</span>
        <span v-if="row.users.length===0" class="expand-value">暂无</span>
        <span v-if="row.users.length>0" class="expand-value">{{users}}</span>
      </Col>
    </Row>
  </div>
</template>

<script lang="ts">
import {Component, Vue, Prop, Watch, Emit} from 'vue-property-decorator';
import AbpBase from '@/lib/abpbase';

@Component({
  components: {},
})
export default class RoleExpand extends AbpBase {
  name: string = 'RoleExpand';

  @Prop({type:Object, default:()=>{}}) row: any;


  get users(){
    return this.row.users.map(item=>item.name).join('，');
  }


}
</script>

<style lang="less" scoped>
.expand-row {
  margin-bottom: 10px;
}

.expand-key {
  font-weight: bolder;
}

.expand-value {

}
</style>
